<ng-container *ngIf="hero">
  <h2>{{hero.name}} details!</h2>

  <div>
    <mat-form-field>
      <input matInput placeholder="id" [ngModel]="hero.id" readonly>
    </mat-form-field>
  </div>

  <div>
    <mat-form-field>
      <input matInput placeholder="name" [(ngModel)]="hero.name">
    </mat-form-field>
  </div>

  <div>
    {{hero.info}}
  </div>
</ng-container>
